<template>
  <div>
    <Banner2 :data="data.banners[0]"/>

    <Section title="我们的产品" theme="2">
      <div class="section-layout">
        <PSSection01 :data="data.section1"/>
      </div>
    </Section>

    <Section title="我们的服务" theme="1" sub-title="后期维护与指导">
      <div class="section-layout">
        <PSSection04 :data="data.section2"/>
      </div>
    </Section>
  </div>
</template>

<script setup>
import Banner2 from "@/components/common/Banner2.vue";
import Section from "@/components/layout/Section.vue";

import {ref} from "vue";
import PSSection01 from "@/components/sections/Section01.vue";
import PSSection04 from "@/components/sections/Section04.vue";
import {GetProductAndServiceData} from "@/service/DataService";

const data = ref({banners: [], section1: [], section2: []})
GetProductAndServiceData().then((res) => data.value = res.data)

</script>

<style>

</style>
